<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
    1.创建Vue实例，初始化渲染
    2.准备容器（Vue实例的根元素）(Vue所管理的范围)
    3.引包
    4.创建实例
    5.添加配置项=>完成渲染
    -->
    <div id="app">
        <!--  -->
        <h1>{{msg}}</h1>
        <h2>{{cs}}</h2>
    </div>
<script src="./js/vue.js"></script>
<script>
    // 一旦引入 vue.js文件加载完毕，就会执行里面的代码
    const app = new Vue({
        // 通过el配置选择器，指定Vue 管理的是那个盒子
        el:'#app',
        // 通过data配置数据
        data:{
            msg:'hello Vue',
            cs:'我是测试'
        }
    })
</script>
</body>
</html>